<div class="col-sm-12 col-md-12 col-lg-6">
    <div class="well well-light well-sm no-margin no-padding">

        <div class="row">
<!--
            <div class="col-sm-12">
                <div id="myCarousel" class="carousel fade profile-carousel">
                    <div class="air air-bottom-right padding-10">
                        <a href="javascript:void(0);" class="btn txt-color-white bg-color-teal btn-sm"><i class="fa fa-check"></i> Follow</a>&nbsp; <a href="javascript:void(0);" class="btn txt-color-white bg-color-pinkDark btn-sm"><i class="fa fa-link"></i> Connect</a>
                    </div>
                    <div class="air air-top-left padding-10">
                        <h4 class="txt-color-white font-md">Jan 1, 2014</h4>
                    </div>
                    <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1" class=""></li>
                        <li data-target="#myCarousel" data-slide-to="2" class=""></li>
                    </ol>
                    <div class="carousel-inner">

                        <div class="item active">
                            <img src="" alt="">
                        </div>
                        <div class="item">
                            <img src="" alt="">
                        </div>
                        <div class="item">
                            <img src="" alt="">
                        </div>
                    </div>
                </div>
            </div>-->

            <div class="col-sm-12">

                <div class="row">

                    <div class="col-sm-3 profile-pic">
                        <img src="<?php echo base_url('./assets/profile/images/user/photo_yonse.jpg') ?>" class="img-rounded">
                        <div class="padding-10">
                            <h4 class="font-md"><strong>1,543</strong>
                                <br>
                                <small>팔로어</small></h4>
                            <br>
                            <h4 class="font-md"><strong>419</strong>
                                <br>
                                <small>친구</small></h4>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <h1>Yonse <span class="semi-bold">Kim</span>
                            <br>
                            <small> 음반 프로듀서</small></h1>

                        <ul class="list-unstyled">
                            <li>
                                <p class="text-muted">
                                    <i class="fa fa-phone"></i>&nbsp;&nbsp;(<span class="txt-color-darken">111</span>) <span class="txt-color-darken">111</span> - <span class="txt-color-darken">1111</span>
                                </p>
                            </li>
                            <li>
                                <p class="text-muted">
                                    <i class="fa fa-envelope"></i>&nbsp;&nbsp;<a href="mailto:simmons@smartadmin">yonsekim@gmail.com</a>
                                </p>
                            </li>
                            <li>
                                <p class="text-muted">
                                    <i class="fa fa-skype"></i>&nbsp;&nbsp;<span class="txt-color-darken">yonsek</span>
                                </p>
                            </li>
                            <li>
                                <p class="text-muted">
                                    <i class="fa fa-calendar"></i>&nbsp;&nbsp;<span class="txt-color-darken">
                                        <a href="javascript:void(0);" rel="tooltip" title="" data-placement="top" data-original-title="Create an Appointment">4:30 PM</a> 이후 한가함</span>
                                </p>
                            </li>
                        </ul>
                        <br>
                        <p class="font-md">
                            <i>저는 요...</i>
                        </p>
                        <p>
                            음악과 IT 웹개발을 하고 있습니다.
                        </p>
                        <br>
                        <a href="javascript:void(0);" class="btn btn-default btn-xs"><i class="fa fa-envelope-o"></i> 메세지 보내기</a>
                        <br>
                        <br>

                    </div>
                    <div class="col-sm-3">
                        <h1><small>친구들</small></h1>
                        <ul class="list-inline friends-list">
                            <li><img src="" alt="천성일">
                            </li>
                            <li><img src="" alt="이현우">
                            </li>
                            <li><img src="" alt="최성욱">
                            </li>
                            <li><img src="" alt="최용선">
                            </li>
                            <li><img src="" alt="펄 케이">
                            </li>
                            <li>
                                <a href="javascript:void(0);">413 more</a>
                            </li>
                        </ul>


                    </div>

                </div>

            </div>

        </div>

        <div class="row">

            <div class="col-sm-12">

                <hr>

                <div class="padding-10">

                    <ul class="nav nav-tabs tabs-pull-right">
                        <li class="active">
                            <a href="#a1" data-toggle="tab">글 목록</a>
                        </li>
                        <li>
                            <a href="#a2" data-toggle="tab">새로운 멤버들</a>
                        </li>

                    </ul>

                    <div class="tab-content padding-top-10">
                        <div class="tab-pane fade in active" id="a1">

                            <div class="row">

                                <div class="col-xs-2 col-sm-1">
                                    <time datetime="2014-09-20" class="icon">
                                        <strong>Jan</strong>
                                        <span>10</span>
                                    </time>
                                </div>

                                <div class="col-xs-10 col-sm-11">
                                    <h6 class="no-margin"><a href="javascript:void(0);">오늘은</a></h6>
                                    <p>
                                        어쩌구 저쩌구
                                    </p>
                                </div>

                                <div class="col-sm-12">

                                    <hr>

                                </div>

                                <div class="col-xs-2 col-sm-1">
                                    <time datetime="2014-09-20" class="icon">
                                        <strong>Jan</strong>
                                        <span>10</span>
                                    </time>
                                </div>

                                <div class="col-xs-10 col-sm-11">
                                    <h6 class="no-margin"><a href="javascript:void(0);">오늘도</a></h6>
                                    <p>
                                        어쩌구 저쩌구
                                    </p>
                                </div>

                                <div class="col-sm-12">

                                    <br>

                                </div>

                            </div>

                        </div>
                        <div class="tab-pane fade" id="a2">

                            <div class="alert alert-info fade in">
                                <button class="close" data-dismiss="alert">
                                    ×
                                </button>
                                <i class="fa-fw fa fa-info"></i>
                                <strong>1명의 친구가 </strong>등록했습니다!
                            </div>

                            <div class="user" title="">
                                <img class=" img-rounded" src="<?php echo base_url('./assets/profile/images/user/photo_yonse.jpg') ?>" style="max-width:30px ;"><a href="javascript:void(0);">천성일</a>
                                <div class="email">
                                    ttt@company.com
                                </div>
                            </div>
                            

                            <div class="text-center">
                                <ul class="pagination pagination-sm">
                                    <li class="disabled">
                                        <a href="javascript:void(0);">Prev</a>
                                    </li>
                                    <li class="active">
                                        <a href="javascript:void(0);">1</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">2</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">3</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">...</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">99</a>
                                    </li>
                                    <li>
                                        <a href="javascript:void(0);">Next</a>
                                    </li>
                                </ul>
                            </div>

                        </div><!-- end tab -->
                    </div>

                </div>

            </div>

        </div>
        <!-- end row -->

    </div>

</div>

